<ul class="list-group" v-if="unRead.messages.length > 0">
  <li class="list-group-item" v-for="(index, item) in unRead.messages">
    <span class="text-primary" v-if="item.type === 'reply'"><a href="#" >{{item.author.loginname}}</a> 回复了 <a href="/topic/{{item.topic._id}}/show?appId=<%=appId%>">{{item.topic.title}}</a></span>
    <span class="text-success" v-if="item.type === 'reply2'"><a href="#">{{item.author.loginname}}</a> 回复了 <a href="/topic/{{item.topic._id}}/show?appId=<%=appId%>">{{item.topic.title}}</a> 的评论</span>
    <span class="text-warning" v-if="item.type === 'follow'"><a href="#">{{item.author.loginname}}</a> follow 了你</span>
    <span class="text-danger" v-if="item.type === 'at'"><a href="#">{{item.author.loginname}}</a> @ 了你</span>
    <button class="btn btn-primary btn-xs pull-right" v-if="item.has_read === false" v-on:click="onSetRead(index, item._id)">标记已读</button>
    <span class="pull-right" v-else>已读</span>
  </li>
</ul>
<ul class="list-group" v-else>
  <li class="list-group-item">无数据</li>
</ul>
